<html>
	<head>
		<title>晒卡</title>
		<meta charset="utf-8">
		<style type="text/css">
		* {
			margin: 0px;
			padding: 0px;
		}
		body {
			background: #193964;
		}

		p {
			color: white;
		}
		h2 {
			font:"Arial";
		}

		.container {
			width: 640px;
			background: transparent url('images/back_img.png') no-repeat;
			margin: 0 auto;
		}
		.container h2 {
			text-align: center;
			color: white;
			font-size: 24px;
			margin-top: 20px;
		}
		.container img {
			margin: 0 auto;
			width: 200px;
			height: 200px;
			padding: 140 220 0 220;
		}
		.container p {
			color: red;
			font-size: 22px;
			text-align: center;
			margin-top: 260px;
			margin-bottom: 30px;
		}
		.container p strong {
			font-size: 26px;

		}

		.container .cardcontent {
			list-style: none;
			width: 640px;
		}
		.container .cardcontent li {
			display: block;
			height: 320px;
			width: 320px;
			float: left;
			position: relative;
		}
		.container .cardcontent .infop{
			font-size: 32px;
			text-align: left;
			color: green;
			margin: 0;
			padding: 0 0 0 20px;
		}
		.container .cardcontent .numberp{
			font-size: 50px;
			color: red;
			margin: 0;
			padding: 50px 0 0 110px;
			clear: both;
		}

		.container .cardcontent li img{
			width: 120px;
			height: 120px;
			margin: 0;
			padding: 0px;
			position: absolute;
			left: 20;
		}
		.normalp {
			font-size: 24px;
			text-align: center;
			margin: 0 auto;
			clear: both;
		}
		.normalp {
			margin-left: 10px;
		}

		</style>
	</head>
	<body>
		<div class="container">
			<h2>Sieon</h2>
			<img src="images/clip_head.png">
			<p>您超过<strong> 57.19% </strong>的集卡者</p>


			<ul class="cardcontent">
				<li>
					<p class="infop">拥有的超市会员卡数</p>
					<img src="images/icon_1.png"/>
					<p class="numberp">11</p>
				</li>
				<li>
					<p class="infop">拥有的超市会员卡数</p>
					<img src="images/icon_1.png"/>
					<p class="numberp">11</p>
				</li>
				<li>
					<p class="infop">拥有的购物卡数</p>
					<img src="images/icon_1.png"/>
					<p class="numberp">11</p>
				</li>
				<li>
					<p class="infop">拥有的购物卡数</p>
					<img src="images/icon_1.png"/>
					<p class="numberp">11</p>
				</li>
				
			</ul>			
		</div>
		<div class="normalp"><img src="images/Icon.png" width="30px" height="30px"/>  <a href="#">点击即可下载</a></div>
	</body>

</html>